require(["config"], function(){
	require(["jquery","template", "header", "footer"], function($,template,header){
		$(".simg_right").on("click",function(){
          $(".list_box").css({"left":"-101px"})
        });
        $(".simg_left").on("click",function(){
            $(".list_box").css({"left":"0px"})
          });
        //点击smallimg切换中图，大图
        // 1
        $(".one1").on("mouseenter",function(){
            $(".big_img").hide();
            $(".big_img1").show();
            $(".max_img").hidden();
            $(".max_img4").show();
            $(".one1").css({"padding-top":"15px"});
        });
        $(".one1").on("mouseleave",function(){
            $(".one1").css({"padding-top":"0px","line-height":"100px"});
        });
        //2
        $(".one2").on("mouseenter",function(){
            $(".big_img").hide();
            $(".big_img2").show();
            $(".max_img").hide();
            $(".max_img2").show();
            $(".one2").css({"padding-top":"15px","line-height":"0"});
        });
        $(".one2").on("mouseleave",function(){
            $(".one2").css({"padding-top":"0px","line-height":"100px"})
        });
       // 3
        $(".one3").on("mouseenter",function(){
            $(".big_img").hide();
            $(".big_img3").show();
            $(".max_img").hide();
            $(".max_img3").show();
            $(".one3").css({"padding-top":"15px","line-height":"0"});
        });
        $(".one3").on("mouseleave",function(){
            $(".one3").css({"padding-top":"0px","line-height":"100px"})
        });
        // 4
        $(".one4").on("mouseenter",function(){
            $(".big_img").hide();
            $(".big_img4").show();
            $(".max_img").hide();
            $(".max_img4").show();
            $(".one4").css({"padding-top":"15px","line-height":"0"});
        });
        $(".one4").on("mouseleave",function(){
            $(".one4").css({"padding-top":"0px","line-height":"100px"})
        });
        // 5
        $(".one5").on("mouseenter",function(){
            $(".big_img").hide();
            $(".big_img5").show();
            $(".max_img").hide();
            $(".max_img5").show();
            $(".one5").css({"padding-top":"15px","line-height":"0"});
        });
        $(".one5").on("mouseleave",function(){
            $(".one5").css({"padding-top":"0px","line-height":"100px"})
        });
        // 放大镜start
        $(".mask").mouseover(function() {
            $(".float_layer").show();
            $(".maxphoto").show();
        })
        $(".mask").mouseout(function() {
            $(".float_layer").hide();
            $(".maxphoto").hide();
        });
        $(".mask").mousemove(function(e) {
            var l = e.pageX - $(".bigphoto").offset().left - ($(".float_layer").width() / 2)
            var t = e.pageY - $(".bigphoto").offset().left - ($(".float_layer").height()+50)
            if (l < 0) {
                l = 0
            }
            if (l > $(this).width() - $(".float_layer").width()) {
                l = $(this).width() - $(".float_layer").width()
            }
            if (t < 0) {
                t = 0
            }
            if (t > $(this).height() - $(".float_layer").height()) {
                t = $(this).height() - $(".float_layer").height()
            }
        
            $(".float_layer").css({
                "left": l,
                "top": t
            })
            var pX = l / ($(".mask").width() - $(".float_layer").width())
            var pY = t / ($(".mask").height() - $(".float_layer").height())
            $(".maxphoto img").css({
                "left": -pX * ($(".maxphoto img").width() - $(".maxphoto").width()),
                "top": -pY * ($(".maxphoto img").height() - $(".maxphoto").height())
            })
        })
        // 放大镜end
       let count = $("._number").text();
        $(".reduce").click(function(){
            if(count > 1){
                count--;
                $("._number").val(count);
            }else{
                count = 1;
            }
        });
        $(".increase").click(function(){
            count++;
            $("._number").val(count) ;
        });
        $(".addtocart").click(function(){
            
            $("#product_cart").show();
            // 加入购物车时，获取当前选购商品信息
            let currProd = {
                id:$(".id").text(),
                title:$(".prod_title").text(),
                price:$("#single_price").text(),
                img:$(".one1 img").attr("src"),
                amount:1
            };
            // 将当前选购商品保存到 cookie 中
            // 使用 jquery.cookie 插件，配置 $.cookie.json = true; 表示自动在JS值与JSON文本间转换
            $.cookie.json = true;
            const products = $.cookie("products") || [];
            // 判断商品是否购买过
            const has = products.some(function(curr){
                if(curr.id == currProd.id){
                    curr.amount++;
                    return true;
                };
            });
            // 没有购买过，追加进去
            if(!has){
                products.push(currProd);
            }
            // 将数组重新存回到cookie
            $.cookie("products", products, {expires: 10, path:"/"});
            //获取总数量
            const totalAmount = products.reduce(function(sum, curr){
                return sum += curr.amount;
            }, 0);
            $("#productCountsAndTotoalIdx").text(totalAmount);
            $("#saler").text(Number($("#single_price").text()*totalAmount).toFixed(2));
        });
        
	});
});